<template>
  <view class="index_cont">
    <view class="my_index_cont">
      <view class="video_bottom my_title">
        <view class="title">
          {{ itemObj.title }}
        </view>
        <view class="already_num">
          <text v-if="itemObj.watchProcess"
            >已看到第{{ itemObj.watchProcess }}/{{ itemObj.url.length }}节</text
          >
          <text v-else>未观看</text>
        </view>
      </view>
      <view class="my_already_num">{{ itemObj.createTime }}</view>
    </view>

    <uni-badge
      v-if="itemObj.status == 0 && !itemObj.noShowNoRead"
      :is-dot="true"
      text="0"
    >
    </uni-badge>
  </view>
</template>

<script>
export default {
  props: {
    itemObj: {
      type: Object,
      default: {},
    },
  },
  data() {
    return {
      imgSrc: "../../static/dangjian/no-pic.png",
      title: "",
    };
  },
  created() {},
  methods: {
    searchList() {
      this.$emit("searchList", this.title);
    },
  },
};
</script>

<style>
@import "/static/dangjian.scss";
.search {
  margin: 0 auto;
  width: 700rpx;
  height: 100rpx;
  line-height: 80rpx;
  border-radius: 8rpx;
  padding-left: 24rpx;
  box-sizing: border-box;
  position: relative;
  background: #fff;
}

.index_cont {
  width: 700rpx;
  height: 100rpx;
  margin-bottom: 20rpx;
  background: red;
  overflow: hidden;
}
.uni-badge--x {
  position: absolute;
  right: 10rpx;
  top: -10rpx;
}

.video_top {
  position: relative;
}

.video_bottom {
  box-sizing: border-box;
  /* width: 98%; */
  padding-top: 6rpx;
  padding-bottom: 6rpx;
  font-size: 32rpx;
  font-weight: 500;
  color: #000000;
  height: 100rpx;
}

.video_bottom .title {
  height: 50rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 88rpx;
}

.video_bottom .already_num {
  height: 50rpx;
  overflow: hidden;
  font-size: 24rpx;
  color: #999999;
}
.my_already_num {
  flex: 5;
}
</style>
